<template>
  <div class="recommend">
    <!-- banner图 -->
    <v-banner />
    <!-- 小图标导航 -->
    <v-nav />
    <!-- 热卖 -->
    <v-goods />
  </div>
</template>

<script>

import VBanner from "../recommend/MainBanner.vue";
import VNav from "../recommend/MainNav.vue";
import VGoods from "../recommend/MainGoods.vue";

export default {
  components: {
    "v-banner": VBanner,
    "v-nav": VNav,
    "v-goods": VGoods,
  },
};
</script>



<style scoped>
.recommend {
  padding-top: 2.1rem;
}
</style>